//标题栏
div.page-header.navbar.navbar-fixed-top
    .page-header-inner
        //logo
        .page-logo
            a(href="#")
                img.logo-default(src="/images/logo.png", alt="")
            .menu-toggler.sidebar-toggler
        //小屏幕的菜单折叠按钮
        a.menu-toggler.responsive-toggler(data-toggle="collapse" data-target=".navbar-collapse")
        //水平菜单
        .hor-menu.hidden-sm.hidden-xs
            ul.nav.navbar-nav(data-ui-view="header-menu")
        //通知栏和个人信息栏
        .top-menu
            ul.nav.navbar-nav.pull-right
                li#header_notification_bar.dropdown.dropdown-extended.dropdown-notification
                    a.dropdown-toggle(data-toggle="dropdown" data-hover="dropdown" data-close-others="true")
                        i.icon-bell
                        span.badge.badge-default 7
                    ul.dropdown-menu
                        li.external
                            span(style="font-size:13px;") 你有7个项目报警
                            a(href="#") 查看所有
                        li
                            ul.dropdown-menu-list.scroller(style="height:250px;" data-handle-color="#637283")
                                li
                                    a
                                        span.time 1分钟之前
                                        span.details
                                            span.label.label-sm.label-icon.label-danger
                                                i.fa.fa-exclamation
                                            | 前滩项目沉降报警
                li#header_inbox_bar.dropdown.dropdown-extended.dropdown-inbox
                    a.dropdown-toggle(data-toggle="dropdown" data-hover="dropdown" data-close-others="true")
                        i.icon-envelope-open
                        span.badge.badge-default 4
                    ul.dropdown-menu
                        li.external
                            span(style="font-size:13px;") 你有4个未读消息
                            a(href="#") 查看所有
                        li
                            ul.dropdown-menu-list.scroller(style="height:250px;" data-handle-color="#637283")
                                li
                                    a(href="")
                                        span.photo
                                            img.img-circle(src="/images/avatar1.jpg", alt="")
                                        span.subject
                                            span.from 黄宝森
                                            span.time 1分钟之前
                                        span.message 云图系统有个小bug
                                        
                li.dropdown.dropdown-user
                    a.dropdown-toggle(data-toggle="dropdown" data-hover="dropdown" data-close-others="true")
                        img.img-circle(src=user.avatar||"/images/avatar.png", alt="")
                        span.username.username-hide-on-mobile #{user.realName}
                        i.fa.fa-angle-down
                    ul.dropdown-menu.dropdown-menu-default
                        li
                            a(href="#")
                                i.fa.fa-user
                                | 我的资料
                        li
                            a(href="#")
                                i.fa.fa-calendar 
                                | 我的日历
                        li
                            a(href="#")
                                i.fa.fa-envelope-o 
                                | 我的消息
                                span.badge.badge-danger 3
                        li
                            a(href="./login" target="_self")
                                i.fa.fa-sign-out
                                | 退出登录
                li#quick-btn.dropdown.dropdown-quick-sidebar-toggler(title="项目列表" style="padding-top: 4PX;")
                    a.dropdown-toggle
                        i.fa.fa-bars                     
                            